<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="./vite.svg" />
  <!-- width=device-width：设置视口的宽度为设备的宽度。这意味着页面的宽度将适应不同设备的屏幕宽度，从而确保内容在不同设备上显示得当。

      initial-scale=1.0：设置页面的初始缩放比例为 1.0，表示页面加载时的默认缩放级别。1.0 表示不缩放，即页面内容按实际尺寸显示。

      user-scalable=no：禁止用户手动缩放页面。这意味着用户不能使用捏合手势或浏览器的缩放功能来放大或缩小页面。
      
      这个标签的目的是优化移动设备上的用户体验，使页面在不同屏幕上正确显示，同时限制用户对页面的缩放能力。
      通常用于响应式设计，以确保内容可读性和界面友好性。-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
  <title>论坛</title>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="./src/main.js"></script>
</body>

<style>
  html {
    font-size: 10px;
    /* 解决手机端网页有点击会有蓝色背景问题 */
    -webkit-tap-highlight-color: transparent;
  }
</style>

</html>